Description 📝

Add reusable Product Card component for Marketplace

Changes 🔄

• Add reusable Product Card component for Marketplace
• Add unit tests
• Update the feature folder structure to keep Landing-related files together in the new MarketplaceLanding directory

Scope 🚢

• All customers
• Some customers (e.g. in Beta or Limited Availability)
• No customers / Not applicable

Target release date 🗓️

N/A

Preview 📷

Light Mode	Dark Mode

How to test 🧪

Prerequisites

• Enable MarketplaceV2 feature flag

• Use the below example usage code in the MarketplaceLanding component for testing (use actual sample data or hardcoded values):

  Example usage code

    <Grid container spacing={2}>
      {products?.map((product) => {
        const partner = partnersMap.get(product.partner_id);
        const type = typesMap.get(product.type_id);
  
        return (
          <ProductSelectionCard
            data={{
              companyName: partner?.name,
              description: product.short_description,
              logoUrl:
                partner?.[
                  theme.name === 'light'
                    ? 'logo_url_light_mode'
                    : 'logo_url_dark_mode'
                ] ?? '',
              productName: product.name,
              productTag: product.tile_tag,
              type: type?.name,
            }}
            key={product.id}
            onClick={() =>
              navigate({ to: `/cloud-marketplace/catalog/${product.id}` })
            }
          />
        );
      })}
    </Grid>            
  

Verification steps

• Verify that the Product Card component looks as per the UX Figma designs
• Verify that logos of 48px × 48px OR 96px × 48px display correctly
• Verify that the Product Card component is clickable
• Ensure all tests pass successfully

• I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

• All tests and CI checks are passing
• TypeScript compilation succeeded without errors
• Code passes all linting rules